<svg:rect id='test' [attr.x]="item.left" [attr.y]="item.top" [attr.width]="item.width" [attr.height]="item.height"
    [attr.fill]="item.fill" (click)="active(item)" />
<svg:text [attr.x]="item.left+220" [attr.y]="item.top+item.height/2*0.8" width="400" height="30" class="cssEmployeeName"
    dominant-baseline="middle">{{item.text}}</svg:text>
<!-- <foreignObject [attr.x]="item.left+20" [attr.y]="item.top+item.height/2*0.8" width="160" height="160">

        <body>
            <div>
                <input type="text" [style.margin-left]='item.left' [(value)]="item.text">
            </div>
        </body>
    </foreignObject> -->